<template>
	<view>
		<!-- <uni-steps :options="list1" active-color="#007AFF" :active="active" /> -->
		<uni-steps :options="list2" active-color="#007AFF" :active="active" direction="column" />
		<button type="primary" @click="change">改变状态</button>
	</view>
</template>
<script>
import UniSteps from '../../components/uni-steps/uni-steps'
export default {
	components: {UniSteps},
	data() {
		return {
			active: 1,
			list1: [
					{title: '事件一'},
					{title: '事件二'},
					{title: '事件三'},
					{title: '事件四'}
				],
			list2: [
					{title: '收费单位',desc: '国网四川电费'},
					{title: '缴费账户',desc: ''}
				]
		};
	},
	methods: {
		change() {
			if (this.active < this.list1.length - 1) {
				this.active += 1;
			} else {
				this.active = 0;
			}
		}
	}
};
</script>